<html>
	<head>
		<title>CSS实例</title>
		<meta http-equiv="Content-Type content=text/html" charset="utf-8">
		<link rel="stylesheet" type="text/css" href="public.css" />
	</head>
	<body>
		<div class="box">
		<!-- top -->
			<div class="top">
				<span>专业的IT培训机构！<img src="image/day6/hot.png"></span>
				<ul>
					<li><a href="#">就业宣言</a></li>
					<li><a href="#">报名流程</a></li>
					<li><a href="#">免费公开课</a></li>
					<li><a id="red" href="#">中国好毕设</a></li>
					<li><a href="#">免费学习光盘</a></li>
					<li><a href="#">原创题材</a></li>
					<li><a href="#">传智教材</a></li>
					<li><a href="#">人才服务</a></li>
					<li><a href="#" class="noLine">技术论坛</a></li>
					<div class="clear"></div>
				</ul>
			</div>
			<!-- logo -->
			<div class="logo">
				<div class="div1">
					<img src="image/day6/logo.gif">
				</div>
				<div class="div3">
					<img src="image/day6/topword.gif">
				</div>
				<div class="div2">
					<h4>PHP学院</h4>
					<ul>
						<li>北京校区</li>
						<li>上海校区</li>
						<li>广州校区</li>
						<li>武汉校区</li>
						<li>郑州校区</li>
						<li class="orange">西安校区</li>
						<li class="orange">哈尔滨校区</li>
					</ul>
				</div>
			</div>
			<!-- menu -->
			<div class="menu">
				<ul>
					<li><a href="#" class="current">首 页</a></li>
					<li><a href="#" class="a1">PHP培训课程</a></li>
					<li><a href="#" class="a1">PHP视频下载</a></li>
					<li><a href="#">人才服务</a></li>
					<li><a href="#">校园生活</a></li>
					<li><a href="#">师资力量</a></li>
					<li><a href="#">就业信息</a></li>
					<li><a href="#">报名流程</a></li>
					<li><a href="#">原创教材</a></li>
					<li><a href="#">常见问题</a></li>
					<li><a href="#">来校路线</a></li>
					<li><a href="#">技术论坛</a></li>
				</ul>
			</div>
			<!-- 左侧层级 -->
			<div class="left">
				<div class="share">
					<ul class="share1">
						<li>分享到：</li>
						<li><a href="#">QQ好友</a></li>
						<li><a href="#">QQ空间</a></li>
						<li><a href="#">腾讯微博</a></li>
						<li><a href="#">新浪微博</a></li>
						<li><a href="#">百度贴吧</a></li>
						<div class="clear"></div>
					</ul>
					<ul class="share2">
						<li class="bold">其他学院入口：</li>
						<li><a href="#"><img src="image/day6/li02.jpg">Java学院</a></li>
						<li><a href="#"><img src="image/day6/li02.jpg">.net学院</a></li>
						<li><a href="#"><img src="image/day6/li02.jpg">iOS学院</a></li>
						<li><a href="#"><img src="image/day6/li02.jpg">C/C++学院</a></li>
						<li><a href="#"><img src="image/day6/li02.jpg">网页平面设计学院</a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="op">
					<div class="title">
						<span class="span1">我们开学啦</span>
						<span class="span2">今天我终于来到了心中向往已久的神圣学府--传智播客，开始了改变命运的征途</span>
						<span class="image"><img src="image/day6/jiantou.jpg"></span>
					</div>
					<div class="content1">
						<div class="ppt">
								<img src="image/day6/ppt1.jpg" />
						</div>
						<div class="School">
							<ul class="lll">
								<li class="llll">
								<a href="#"><img src="image/img01.jpg"></a><br>
								<a href="#">陈建利专题-我有我原则</a>
								</li>
								<li class="llll">
								<a href="#"><img src="image/img02.jpg"></a><br>
								<a href="#">康红红专题-因为爱情</a>
								</li>
								<li class="llll">
								<a href="#"><img src="image/img03.jpg"></a><br>
								<a href="#">王东方-辣妈挑战PHP</a>
								</li>
								<li class="llll">
								<a href="#"><img src="image/img04.jpg"></a><br>
								<a href="#">曹伟-玩酷我的程序人生</a>
								</li>
							</ul>
					<div class="clear"></div>
						</div>
					</div>
				</div>
				<div class="news">
					<span>学院新闻</span>
					<ul>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
					</ul>
				</div>
				<!-- <div class="zone"></div> -->
				<!-- <div class="BBC"></div> -->
				<!-- <div class="students"></div> -->
				<!-- <div class="php"></div> -->
			</div>
			<!-- 右侧层级 -->
			<div class="right"></div>
		</div>
	</body>
</html>